How to update state of a nested object using useState with data collected from a React form